function she(el) {
this.el=el
//蛇长度
this.len=20
//存蛇
this.sheObj = [
    { x: 3, y :2, color:'red', ele:null},  //蛇头
    { x: 2, y :2, color:'blue', ele:null}, // 蛇的身体
    { x: 1, y :2, color:'blue', ele:null}  // 蛇的身体
  ]
  //方向
  this.direction='right'
}

she.prototype.remove=function(){
    for (let i=0; i<this.sheObj.length; i++){
        if (this.sheObj[i].el){
            this.el.removeChild(this.sheObj[i].el)
        }
    }
}

she.prototype.create=function(){
    //清除蛇
    this.remove()
    //循环遍历创建蛇
    for (let  i=0;i<this.sheObj.length;i++){
           //创建蛇标签对象
           let divObj =document.createElement('div')
           //设置宽高 坐标 颜色
           divObj.style.width=this.len+'px'
           divObj.style.height=this.len+'px'
           divObj.style.position='absolute'
           divObj.style.left=this.sheObj[i].x*this.len+'px'
           divObj.style.top=this.sheObj[i].y*this.len+'px'
           divObj.style.background=this.sheObj[i].color
           //保存蛇节对象
           this.sheObj[i].el=divObj
           //放到页面
           this.el.appendChild(divObj)
       }
    } 

she.prototype.move=function(){
    // for (let i=0;i<this.sheObj.length;i++){
    //     this.sheObj[i].x +=1
    // }

    for (let i=this.sheObj.length-1;i>0;i--){
        this.sheObj[i].x=this.sheObj[i-1].x
        this.sheObj[i].y=this.sheObj[i-1].y
    }

    switch (this.direction){
        case 'top':
            this.sheObj[0].y -=1
            break;
        case 'bottom':
            this.sheObj[0].y +=1
            break;
        case 'left':
            this.sheObj[0].x -=1
            break;
        case 'right':
            this.sheObj[0].x +=1
            break;
    }
    //重新建
    this.create()
}